<div class="box wrap_register">
    <form action="{{'account/donothing'|base_url}}" onsubmit="return login();" method="post" id="frm-log" target="integration_asynchronous">
        <h2 class="register_title margin_bootm">ĐĂNG NHẬP</h2>
        <div class="left_register">
            <div class="row">
                <span>Email:</span> <input type="text" name="" id="username" value="" />
            </div>
            <div class="row">
                <span>Mật khẩu:</span> <input type="password" name="" id="password" value="" />
            </div>
            <div class="row" style="text-align: right;padding-right:90px;">
                <abbr><input type="checkbox" value="" name="" /> Ghi nhớ</abbr> <a href="#">Quên mật khẩu?</a>
            </div>
            <div class="row">
                <input type="image" src="{{'data/templates/frontend/home/images/dangnhap.jpg'|base_url}}" value="" />
            </div>
        </div>
        <div class="right_register">
            <div class="clr"></div>
            <p>Bạn chưa là thành viên?</p><br />
            <a href="javascript:;" id="change-reg"><img id="img-log" src="{{'data/templates/frontend/home/images/dangky.jpg'|base_url}}" alt="Đăng ký" /></a>
        </div>
    </form>
        
    <form action="{{'account/donothing'}}" method="post" id="frm-reg" onsubmit="return register();" target="integration_asynchronous">
        <h2 class="register_title margin_bootm">ĐĂNG KÝ</h2>
        <div class="left_register">
            <div class="row">
                <span>Email:</span> <input type="text" name="username" id="r-username" value="" />
            </div>
            <div class="row">
                <span>Mật khẩu:</span> <input type="password" name="password" id="r-password" value="" />
            </div>
            <div class="row">
                <span>Nhắc lại mật khẩu:</span> <input type="password" name="repassword" id="repassword" value="" />
            </div>
            <div class="row">
                <span>Mã xác nhận:</span> <input type="text" name="captcha" id="captcha" value="" /><img onclick="changecaptcha(this);" class="img-captcha" src="{{"data/captcha/securimage_show.php"|base_url}}?t={{time()}}" />
            </div>
            <div class="row">
                <input type="image" src="{{'data/templates/frontend/home/images/dangky.jpg'|base_url}}" value="" />
            </div>
        </div>
        <div class="right_register">
            <div class="clr"></div>
            <p>Bạn đã là thành viên?</p><br />
            <a href="javascript:;" id="change-log"><img id="img-reg" src="{{'data/templates/frontend/home/images/dangky.jpg'|base_url}}" alt="Đăng ký" /></a>
        </div>
    </form>
</div>
<div class="error-info">
    <a href="javascript:;" id="err-close-btn">Đóng</a>
</div>
<script>
    $(document).ready(function(){
        $('#frm-reg').hide();
        
        $('#change-reg').click(function(){
            $('#frm-log').hide();
            $('#frm-reg').show();
            $("#img-reg").attr('src','{{'data/templates/frontend/home/images/dangnhap.jpg'|base_url}}');
        });
        
        $('#change-log').click(function(){
            $('#frm-reg').hide();
            $('#frm-log').show();
            $("#img-log").attr('src','{{'data/templates/frontend/home/images/dangky.jpg'|base_url}}');
        });
    });
    
    var isrunning=false;
    function login(){
        if(isrunning)return;
        var username=$("#username").val();
        var password=$("#password").val();
        
        if(username == ''){alert('Bạn chưa nhập tài khoản.');return false;}
        if(password == ''){alert('Bạn chưa nhập mật khẩu.');return false;}
        
        var odata={
            username:username,
            password:password
        };
        var surl="{{"account/login"|base_url}}";
        isrunning=true;
        jQuery.ajax({
            type:"POST", 
            data:odata, 
            dataType:"text", 
            url:surl, 
            success: function (data){
                console.log(data);
                isrunning=false;
                changecaptcha(".img-captcha");
                try{     
                    var odata=JSON.parse(data);console.log(odata);
                    //alert(odata.message);return;
                    if(odata.result<0){
                        
                        alert(odata.message);
                    }else{
                        alert('Bạn đã đăng nhập thành công.');
                        //document.frmreg.reset();
                        window.location='{{base_url()}}';
                    }


                }catch(e){
                    alert("Hệ thống đang bận hoăc bảo trì.\nVui lòng thử lại sau ít phút.");
                }
            },
            error: function (xhr, ajaxOptions, thrownError){
                isrunning=false;
                changecaptcha("#icaptcha");
                alert("Hệ thống đang bận hoăc bảo trì.\nVui lòng thử lại sau ít phút.");
            }
        });
    }
    
    function register(){
        if(isrunning)return;
        var username=$("#r-username").val();
        var password=$("#r-password").val();
        var repassword=$("#repassword").val();
        var email=$("#email").val();
        var captcha=$("#captcha").val();
        if(password!=repassword){
            alert("Xác nhận mật khẩu không đúng.");
            return;
        }
        var odata={
            username:username,
            password:password,
            email:email,
            captcha:captcha
        };
        var surl="{{"account/register"|base_url}}";
        isrunning=true;
        jQuery.ajax({
            type:"POST", 
            data:odata, 
            dataType:"text", 
            url:surl, 
            success: function (data){
                console.log(data);
                isrunning=false;
                changecaptcha(".img-captcha");
                try{     
                    var odata=JSON.parse(data);
              
                    if(odata.result<0){
                        ///var html='';
                        //for(var i=0; i<odata.message.length; i++)
                        //{
                          //  html+='- '+odata.message[i]+'\n';
                       // }
                        alert(odata.message);
                        //$(".error-info").html(html);
                        //$(".error-info").show();
                    }else{
                        alert('Chúc mừng bạn đã đăng ký thành công!');
                        //$(".error-info").html(html);
                        //$(".error-info").show();
                        //alert(odata.message);
                        //document.frmreg.reset();
                        window.location='{{base_url()}}';
                    }


                }catch(e){
                    alert("Hệ thống đang bận hoăc bảo trì.\nVui lòng thử lại sau ít phút.");
                }
            },
            error: function (xhr, ajaxOptions, thrownError){
                isrunning=false;
                changecaptcha(".img-captcha");
                alert("Hệ thống đang bận hoăc bảo trì.\nVui lòng thử lại sau ít phút.");
            }
        });
    }
    function changecaptcha(e)
    {
        var t = Math.random();
        $(e).attr('src','{{'data/captcha/securimage_show.php'|base_url}}?t='+t);
    }
</script>